<template>
<div class="no-data" v-if="list&&list.length==0">
  <div>
    <img @click="refreshData" class="icon-empty" src="../assets/img/customer/data_empty.png" alt="">
  </div>
</div>
</template>
<script type="text/ecmascript-6">
    export default{
       props:{
         list:Array
       },
      methods:{
        refreshData(){
          this.$emit("refreshData")
        }
      }
    }
</script>

<style lang="less" type="text/less" scoped>
  .no-data{
    text-align: center;
    .icon-empty{
      width: 2.2rem;
      height: 2.2rem;
    }
      position: relative;
      margin-top: 50%;
    .icon-empty{
      font-size: 1.8rem;
      color: #ddd;
      text-align: center;
    }
    .text-tip{
      color: #bbb;
      text-align: center;
      font-size: .28rem;
      position: relative;
      margin-top: 0.3rem;
    }
  }
</style>
